@charset "utf-8";
/* CSS Document */
/*-----------foot------------*/
.footer { background-color:var(--web-theme-color-black);  overflow:hidden; padding-bottom:4rem;}
#foottop{display: grid; grid-template-columns:repeat(3,auto);  align-items: center;}	
.foot-first img{ width:22rem;}
.foot-first h3{ padding-top:5rem; }
.footmid-content-address{ padding-top:1rem;}
.footer h3{color:#fff;}
.footer h4 a:hover{ color:var(--web-theme-color-white);}
.footer h3{  font-size:2rem; font-weight:bold;}
.footmid-phone{ display:flex; }
.footmid-phone,.footmid-content-address{  color:rgba(255,255,255,0.8);} 
.footmid-phone,.footmid-phone a{ font-size:2rem;}	
.footmid-phone:last-child{ padding-top:1rem;}
.footmid-phone-right-phone{ margin-left:2rem;}
.footmid-phone a,.footmid-content-address a{color:rgba(255,255,255,1); text-decoration:none;}
.footmid-phone a:nth-child(2),.footmid-phone a:nth-child(4){ margin-left:2rem;}
.footmid-phone a:hover,.footmid-content-address a:hover{text-decoration:none; color:var(--web-theme-color-white);}
.footmid h3{ padding-top:3rem;}
.footmid .grid{ padding-top:5rem; }
.footmid .wrap-flex{ padding-top:8rem;}
.footmid .wrap-flex li{ width:15%; text-align:center; color:var(--web-theme-color-white);}
.footmid .wrap-flex li img{ padding-bottom:1rem;}
.footmid .wrap-flex li:nth-child(2){ margin:0 2rem;}
.foot-ewm .grid{display:grid; grid-template-columns:repeat(3,10rem);grid-column-gap:20px; padding-top:8rem;  }
.foot-ewm-companylink span{ display:block; text-align:center; color:#fff;}
.foot-ewm-companylink img{  padding-bottom:1rem;  margin:0 auto; }
/*copy*/
#copy{border-top:rgba(255,255,255,0.8)  dashed 1px; padding:1.4rem 0; margin-top:2rem;color:rgba(0,0,0,0.5); background-color:var(--web-theme-color-black);}
#copy p{ padding-top:2rem;   margin-left:2rem; text-align:center;}
#copy .grid{grid-template-columns:repeat(2,auto); justify-content: center; align-items: center; margin-top:0.6rem;}
.copy-menu{ display:flex; justify-content: center; border-right:rgba(255,255,255,0.4) solid 1px; padding:0 2rem;}
#copy p,#copy a{color:rgba(255,255,255,.6);}
#copy a{ margin-left:1rem; white-space:nowrap;}
#copy a:hover{color:var(--web-theme-color-white);}
/*moblie phone*/
@media (max-width:1023px){ 	
#foottop{display: grid; grid-template-columns:1fr;  align-items: center; padding-top:6rem;}	
.foot-first h3{ padding-top:2rem;}
.footmid .grid{ grid-template-columns:1fr;  padding-top:3rem;}
.footmid h3{ padding-top:2rem; }
.foot-ewm .grid{display:grid; grid-template-columns:repeat(3,16rem); grid-column-gap:20px;   }
.foot-ewm-companylink{ padding-top:2rem;}
.foot-ewm .grid{display:grid; grid-template-columns:repeat(3,10rem);grid-column-gap:20px; padding-top:4rem;  }

.foot-ewm-companylink img{  padding-bottom:1.4rem;  margin:0; }
}